<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>易速云信息技术有限公司</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/nivo-lightbox.css" rel="stylesheet"/>
    <link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css"/>
    <link href="css/animate.css" rel="stylesheet"/>
    <!-- Squad theme CSS -->
    <link href="css/style.css" rel="stylesheet">
    <link href="color/default.css" rel="stylesheet">
    <!-- =======================================================
        Theme Name: Ninestars
        Theme URL: https://bootstrapmade.com/ninestars-free-bootstrap-3-theme-for-creative/
        Author: BootstrapMade
        Author URL: https://bootstrapmade.com
    ======================================================= -->
</head>

<body data-spy="scroll">

<div class="container">
    <ul id="gn-menu" class="gn-menu-main">
        <li class="gn-trigger">
            <a class="gn-icon gn-icon-menu"><span>菜单</span></a>
            <nav class="gn-menu-wrapper">
                <div class="gn-scroller">
                    <ul class="gn-menu">
                        <li class="gn-search-item">
                            <input placeholder="搜索" type="search" class="gn-search">
                            <a class="gn-icon gn-icon-search"><span>搜索</span></a>
                        </li>
                        <li>
                            <a href="#about" class="gn-icon gn-icon-download">关于我们</a>
                        </li>
                        <li><a href="#service" class="gn-icon gn-icon-cog">服务</a></li>
                        <li><a href="#works" class="gn-icon gn-icon-help">作品</a></li>
                        <li>
                            <a href="#contact" class="gn-icon gn-icon-archive">联系我们</a>
                        </li>
                    </ul>
                </div><!-- /gn-scroller -->
            </nav>
        </li>
        <li><a href="//www.yisutech.com/" style="font-size: large">易速云信息技术</a></li>
        <li class="hidden-xs">
            <ul class="company-social">
                <li class="social-facebook"><a class="gn-icon gn-icon-download" href="#about"></a></li>
                <li class="social-twitter"><a class="gn-icon gn-icon-cog" href="#service"></a></li>
                <li class="social-dribble"><a class="gn-icon gn-icon-help" href="#works"></a></li>
                <li class="social-google"><a class="gn-icon gn-icon-archive" href="#contact"></a></li>
            </ul>
        </li>
    </ul>
</div>

<!-- Section: intro -->
<section id="intro" class="intro">
    <div class="slogan">
        <h1>易速云信息技术有限公司</h1>
        <p>
            为各行各业提供专业的IT技术服务，拥有一支<br/>
            技术精湛的IT技术服务团队，以卓越的服务品<br/>
            质、专业安全的技术服务实力，为不同群体的<br/>
            用户提供更高更优质的IT服务。
        </p>
        <a href="#about" class="btn btn-skin scroll">了解更多</a>
    </div>
</section>
<!-- /Section: intro -->

<!-- Section: about -->
<section id="about" class="home-section text-center bg-gray">
    <div class="heading-about marginbot-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">

                    <div class="section-heading">
                        <h2>关于我们</h2>
                        <p>
                            “诚信为本、实力为先，全心全意为客户”，我们公司秉承客户至上、服务至上的经营理念，以卓越的it服务品质、专业的技术服务实力、
                            技术精湛的客户服务团队，保障客户在信息时代的高速路上驰骋，又以稳固、发展、忠诚、高效、团结与创新的精神，尊重人才注重技术，
                            使客户在享受信息科技发展最新成果的同时不断获得最大的收益。
                        </p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="container">

        <div class="row">
            <div class="col-xs-6 col-sm-3 col-md-3">

                <div class="team boxed-grey">
                    <div class="inner">
                        <h5>Anna Hanaceck</h5>
                        <p class="subtitle">Pixel Crafter</p>
                        <div class="avatar"><img src="img/team/1.jpg" alt="" class="img-responsive"/></div>
                    </div>
                </div>

            </div>
            <div class="col-xs-6 col-sm-3 col-md-3">

                <div class="team boxed-grey">
                    <div class="inner">
                        <h5>Maura Daniels</h5>
                        <p class="subtitle">Ruby on Rails</p>
                        <div class="avatar"><img src="img/team/2.jpg" alt="" class="img-responsive"/></div>
                    </div>

                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3">

                <div class="team boxed-grey">
                    <div class="inner">
                        <h5>Jack Briane</h5>
                        <p class="subtitle">jQuery Ninja</p>
                        <div class="avatar"><img src="img/team/3.jpg" alt="" class="img-responsive"/></div>
                    </div>
                </div>

            </div>
            <div class="col-xs-6 col-sm-3 col-md-3">

                <div class="team boxed-grey">
                    <div class="inner">
                        <h5>Tom Petterson</h5>
                        <p class="subtitle">Typographer</p>
                        <div class="avatar"><img src="img/team/4.jpg" alt="" class="img-responsive"/></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!-- /Section: about -->


<!-- Section: services -->
<section id="service" class="home-section text-center">

    <div class="heading-about marginbot-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">

                    <div class="section-heading">
                        <h2>我们的服务</h2>
                        <p>Lorem ipsum dolor sit amet, no nisl mentitum recusabo per, vim at blandit qualisque
                            dissentiunt. Diam efficiantur conclusionemque ut has</p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-sm-3 col-md-3">

                <div class="service-box">
                    <div class="service-icon">
                        <i class="fa fa-code fa-3x"></i>
                    </div>
                    <div class="service-desc">
                        <h5>Print</h5>
                        <p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram
                            accommodare.</p>
                    </div>
                </div>

            </div>
            <div class="col-sm-3 col-md-3">

                <div class="service-box">
                    <div class="service-icon">
                        <i class="fa fa-suitcase fa-3x"></i>
                    </div>
                    <div class="service-desc">
                        <h5>Web Design</h5>
                        <p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram
                            accommodare.</p>
                    </div>
                </div>

            </div>
            <div class="col-sm-3 col-md-3">

                <div class="service-box">
                    <div class="service-icon">
                        <i class="fa fa-cog fa-3x"></i>
                    </div>
                    <div class="service-desc">
                        <h5>Photography</h5>
                        <p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram
                            accommodare.</p>
                    </div>
                </div>

            </div>
            <div class="col-sm-3 col-md-3">

                <div class="service-box">
                    <div class="service-icon">
                        <i class="fa fa-rocket fa-3x"></i>
                    </div>
                    <div class="service-desc">
                        <h5>Cloud System</h5>
                        <p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram
                            accommodare.</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!-- /Section: services -->


<!-- Section: works -->
<section id="works" class="home-section text-center bg-gray">
    <div class="heading-works marginbot-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">

                    <div class="section-heading">
                        <h2>最近的作品</h2>
                        <p>Lorem ipsum dolor sit amet, no nisl mentitum recusabo per, vim at blandit qualisque
                            dissentiunt. Diam efficiantur conclusionemque ut has</p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="container">

        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">

                <div class="row gallery-item">
                    <div class="col-md-3">
                        <a href="img/works/1.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/1.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="img/works/2.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/2.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="img/works/3.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/3.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="img/works/4.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/4.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="img/works/5.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/5.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="img/works/6.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/6.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="img/works/7.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/7.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="img/works/8.jpg" title="This is an image title" data-lightbox-gallery="gallery1"
                           data-lightbox-hidpi="img/works/1@2x.jpg">
                            <img src="img/works/8.jpg" class="img-responsive" alt="img">
                        </a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!-- /Section: works -->

<!-- Section: contact -->
<section id="contact" class="home-section text-center">
    <div class="heading-contact marginbot-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">

                    <div class="section-heading">
                        <h2>联系我们</h2>
                        <p>Lorem ipsum dolor sit amet, no nisl mentitum recusabo per, vim at blandit qualisque
                            dissentiunt. Diam efficiantur conclusionemque ut has</p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="container">

        <div class="row">
            <div class="col-lg-8 col-md-offset-2">
                <div class="boxed-grey">
                    <div id="sendmessage">Your message has been sent. Thank you!</div>
                    <div id="errormessage"></div>
                    <form action="" method="post" role="form" class="contactForm">
                        <div class="form-group">
                            <input type="text" name="name" class="form-control" id="name" placeholder="Your Name"
                                   data-rule="minlen:4" data-msg="Please enter at least 4 chars"/>
                            <div class="validation"></div>
                        </div>
                        <div class="form-group">
                            <input type="email" class="form-control" name="email" id="email" placeholder="Your Email"
                                   data-rule="email" data-msg="Please enter a valid email"/>
                            <div class="validation"></div>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"
                                   data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject"/>
                            <div class="validation"></div>
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" name="message" rows="5" data-rule="required"
                                      data-msg="Please write something for us" placeholder="Message"></textarea>
                            <div class="validation"></div>
                        </div>

                        <div class="text-center">
                            <button type="submit" class="btn btn-skin">Send Message</button>
                        </div>
                    </form>
                </div>

                <div class="widget-contact row">
                    <div class="col-lg-6">
                        <address>
                            <strong>Ninestars Ltd.</strong><br>
                            Big Villa 334 Awesome, Beautiful Suite 1200<br>
                            San Francisco, CA 94107<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                        </address>
                    </div>

                    <div class="col-lg-6">
                        <address>
                            <strong>Email</strong><br>
                            <a href="mailto:#">email.name@example.com</a><br/>
                            <a href="mailto:#">name.name@example.com</a>
                        </address>

                    </div>
                </div>
            </div>

        </div>

    </div>
</section>
<!-- /Section: contact -->

<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <p>&copy; Ninestars - Theme</p>
                <div class="credits">
                    <!--
                        All the links in the footer should remain intact.
                        You can delete the links only if you purchased the pro version.
                        Licensing information: https://bootstrapmade.com/license/
                        Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Ninestars
                    -->
                    <a href="https://bootstrapmade.com/">Free Bootstrap Themes</a> by <a
                        href="https://bootstrapmade.com/">BootstrapMade</a>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Core JavaScript Files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/gnmenu.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/stellar.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.js"></script>

</body>

</html>
